import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
export default new Vuex.Store({
    state:{
        city:localStorage.city || '茂名'
    },
    actions: {
        changeCity(ctx, city) { //ctx作用为作为一个对象拿到例如commit这个方法
            ctx.commit('changeCi', city) //这里的changeCi是作为向下派发的事件，可以自由命名
        }
    },

    // mutations: { //也可以只要这个
    //     changeCity (state, city) {
    //         state.city = city;
    //     }
    // }
    mutations: {
        changeCi (state, city) {
            state.city = city;
            localStorage.city = city;
        }
    }
})